<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>M&oacute;dulo Administrador</title>
        <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <script src="<?php echo base_url(); ?>js/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="<?php echo base_url();?>js/jquery_ui.js"></script>
        
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>js/bootstrap/css/bootstrap.css">       
        <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>css/theme.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>js/font-awesome/css/font-awesome.css">
        <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/jquery_ui.css" />
        
        <style type="text/css">
            #line-chart {
                height:300px;
                width:800px;
                margin: 0px auto;
                margin-top: 1em;
            }
            .brand { font-family: georgia, serif; }
            .brand .first {
                color: #ccc;
                font-style: italic;
            }
            .brand .second {
                color: #fff;
                font-weight: bold;
            }
        </style> 
    </head>

    <body class=""> 
        <div class="navbar">
            <div class="navbar-inner">
                <ul class="nav pull-right">
                    <li id="fat-menu" class="dropdown">
                        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-user"></i> Susana 
                            <i class="icon-caret-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a tabindex="-1" class="visible-phone" href="#">Settings</a></li>
                            <li class="divider visible-phone"></li>
                            <li><a tabindex="-1" href="sign-in.html">Logout</a></li>
                        </ul>
                    </li>
                </ul>
                <a class="brand" href="http://localhost/Modulo_Admin/AdminController"><span class="first">M&oacute;dulo</span> <span class="second">Administrador</span></a>
            </div>
        </div>


        <div class="sidebar-nav">
            <a href="#pacientes-menu" onclick="window.location = 'http://localhost/Modulo_Admin/AdminController';" class="nav-header" data-toggle="collapse"><i class="icon-dashboard"></i>Pacientes</a>
            <a href="#personal-menu" class="nav-header" data-toggle="collapse"><i class="icon-briefcase"></i>Personal <i class="icon-chevron-up"></i></a>
            <ul id="personal-menu" class="nav nav-list collapse">
                <li><a href="#" onclick="window.location = 'http://localhost/Modulo_Admin/AdminController/page/2';" >Doctores</a></li>
                <li><a href="#" onclick="window.location = 'http://localhost/Modulo_Admin/AdminController/page/4';" >Recepcionistas</a></li>
            </ul>
            <a href="#reportes-menu" onclick="window.location = 'http://localhost/Modulo_Admin/Reportes';" class="nav-header collapsed" data-toggle="collapse"><i class="icon-exclamation-sign"></i>Reportes </a>
            <a href="#configuracion-menu" class="nav-header" data-toggle="collapse"><i class="icon-legal"></i>Configuraciones <i class="icon-chevron-up"></i></a>
            <ul id="configuracion-menu" class="nav nav-list collapse">
                <li ><a href="#" onclick="window.location = '<?php echo base_url(); ?>AdminController/page/6';">Especialidades</a></li>
                <li ><a href="#" onclick="window.location = '<?php echo base_url(); ?>AdminController/page/7';">Parámetros</a></li>
            </ul>
        </div>



        <div class="content">
            <div class="header">
                <h1 class="page-title">Doctores</h1>
            </div>
            <fieldset class="container-fluid">
                <legend>Buscador</legend>
                
                <form class="form-inline" method="post" action="<?php echo site_url('AdminController/searchDoctor'); ?>">
                    <table width="90%">

                        <tr>
                            <td>
                                <div style="float:right;height:45px;">
                                    <label for="names">Nombres : </label>
                                    <input class="input-xlarge" id="appendedInputButton" name="names" type="text">
                                </div>
                            </td>
                            <td>
                                <div style="float:right;height:45px;">
                                    <label for="cmp">CMP : </label>
                                    <input class="input-xlarge" id="appendedInputButton" placeholder="123456" name="cmp" type="text">
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <div style="float:right;height:45px;">
                                    <label for="lastName1">Apellido Paterno : </label>
                                    <input class="input-xlarge"  id="appendedInputButton" name="lastName1" type="text">
                                </div>
                            </td>
                            <td>
                                <div style="float:right;height:45px;">
                                    <label class="search_labels">Especialidad :</label>
                                    <select name="specialty" style="width: 260px">
                                        <option value="0">-- Seleccionar --</option>
                                        <?php foreach ($specialties as $specialty) { ?>
                                            <option value="<?php echo $specialty->ID_ESPECIALIDAD; ?>"><?php echo $specialty->nombre_especialidad; ?></option>
                                        <?php } ?>
                                    </select>
                                </div>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <div style="float:right;height:45px;">
                                    <label for="lastName1">Apellido Materno : </label>
                                    <input class="input-xlarge"  id="appendedInputButton" name="lastName2" type="text">
                                </div>
                            </td>
                            <td>
                                <div style="float:right;">
                                    <button class="btn" type="submit"><i class="icon-search"></i> Buscar</button>
                                    <button class="btn" type="button" onclick="window.location = 'http://localhost/Modulo_Admin/AdminController/page/2';" ><i class="icon-eye-open"></i> Ver Todos</button>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </fieldset>

            <div class="container-fluid">
                <div class="row-fluid">

                    <div class="btn-toolbar">
                        <a href="#modalAgregarDoctor" role="button" data-toggle="modal">
                            <button class="btn btn-primary" onclick=""><i class="icon-plus"></i> Agregar Médico</button>
                        </a>
                        <div class="btn-group"></div>
                    </div>

                    <div class="well">
                        <table class="table">
                            <?php if($doctors==null){?>
                            <thead>
                                <tr>
                                    <th> No se encontr&oacute; ning&uacute;n doctor en la b&uacute;squeda. </th>
                                </tr>
                            </thead>
                            <?php }else{?>
                            <thead>
                                <tr>
                                    <th> DNI </th>
                                    <th> Apellido Paterno </th>
                                    <th> Apellido Materno </th>
                                    <th> Nombres </th>
                                    <th> CMP </th>
                                    <th> Especialidad </th>
                                    <th style="width: 26px;"> Seleccionar </th>
                                </tr>
                            </thead>
                            <tbody>
                                
                                <?php for($i=0;$i<count($doctors);$i++){ ?>

                                    <tr>
                                        <?php if($doctors[$i]->activo == 1){ ?>
                                            <td><?php echo $doctors[$i]->ID_PERSONA; ?></td>
                                            <td><?php echo $doctors[$i]->apellido_paterno; ?></td>
                                            <td><?php echo $doctors[$i]->apellido_materno; ?></td>
                                            <td><?php echo $doctors[$i]->nombres; ?></td>
                                            <td><?php echo $doctors[$i]->cmp; ?></td>
                                            <td><?php echo $doctors[$i]->nombre_especialidad; ?>
                                            <?php if($i<count($doctors)-1){ ?>
                                                <?php while($doctors[$i]->ID_PERSONA == $doctors[$i+1]->ID_PERSONA){?>
                                                <br><?php echo $doctors[$i+1]->nombre_especialidad; ?>
                                                <?php $i++;?>
                                                <?php }?>
                                            <?php }?>
                                            </td>
                                            <td style="text-align: center">
                                                <a id ="toEdit" href="http://localhost/Modulo_Admin/AdminController/page/3?id=<?php echo $doctors[$i]->ID_PERSONA; ?>"><i class="icon-pencil"></i></a>
                                                <a href="#"><i class="icon-remove"></i></a>
                                                <a href="#"><i class="icon-star"></i></a>
                                            </td>
                                        <?php }else {?>
                                            
                                            <td style="color: red"><?php echo $doctors[$i]->ID_PERSONA; ?></td>
                                            <td style="color: red"><?php echo $doctors[$i]->apellido_paterno; ?></td>
                                            <td style="color: red"><?php echo $doctors[$i]->apellido_materno; ?></td>
                                            <td style="color: red"><?php echo $doctors[$i]->nombres; ?></td>
                                            <td style="color: red"><?php echo $doctors[$i]->cmp; ?></td>
                                            <td style="color: red"><?php echo $doctors[$i]->nombre_especialidad; ?>
                                            <?php if($i<count($doctors)-1){ ?>
                                                <?php while($doctors[$i]->ID_PERSONA == $doctors[$i+1]->ID_PERSONA){?>
                                                <br><?php echo $doctors[$i+1]->nombre_especialidad; ?>
                                                <?php $i++;?>
                                                <?php }?>
                                            <?php }?>
                                            </td>
                                            <td style="text-align: center">
                                                <a href="#" role="button" data-toggle="modal"><i class="icon-ok"></i></a>
                                            </td>
                                        <?php }?>
                                    </tr>    
                                <?php } ?>  
                            </tbody>
                            <?php } ?> 
                        </table>
                    </div>

                    <div class="modal small hide fade" id="modalAgregarDoctor" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:800px;margin-left:-400px;margin-top: -250px">

                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
                            <h3 id="myModalLabel">Agregar Doctor</h3>
                        </div>
                        <form action="<?php echo site_url('AdminController/registrarDoctor'); ?>" method="post" >    
                        
                            <div class="modal-body" style="padding:15px;">

                            <table style="height: 40px;width: 400px">
                                <tr>
                                    <td style="width:250px"> 
                                        DNI: <input id="dniSearch" type="text" name="dniSearch" style="margin-top: auto; margin-bottom: auto;" class="input-medium" placeholder="12345678" id="appendedInputButton"/>
                                    </td>
                                    <td>
                                        <button id="checkDNI" class="btn" type="submit"><i class="icon-search"></i> Buscar</button>
                                    </td>
                                </tr>

                                <tr>
                                    <td>
                                        <div id="dniMessage">
                                            <label id="message" ></label>
                                        </div>
                                    </td>
                                </tr>
                            </table>

                            <fieldset>
                                <legend>Informaci&oacute;n General</legend>

                                    

                                 <table style="width:100%;">
                                    <tr>
                                        <td>
                                            <label>Nombres : </label>
                                            <input class="input-xlarge" placeholder="Ingresar Nombres" id="nombresTF" name="nombres" type="text">
                                        </td>
                                        <td>
                                            <label>Teléfono : </label>
                                            <input class="input-xlarge" placeholder="Ingresar No de Teléfono" id="telefonoTF" name="telefono" type="text">
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <label>Apellido Paterno : </label>
                                            <input class="input-xlarge" placeholder="Ingresar Apellido" id="apaternoTF" name="apaterno" type="text">
                                        </td>
                                        <td>
                                            <label>Celular : </label>
                                            <input class="input-xlarge" placeholder="Ingresar No de Celular" id="celularTF" name="celular" type="text">
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <label>Apellido Materno : </label>
                                            <input class="input-xlarge" placeholder="Ingresar Apellido" id="amaternoTF" name="amaterno" type="text">
                                        </td>
                                        <td>
                                            <label>Fecha Nacimiento : </label>
                                            <input class="input-xlarge" placeholder="17/04/1990" id="nacimientoTF" name="nacimiento" type="text">
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <label>DNI : </label>
                                            <input class="input-xlarge" placeholder="Ingresar DNI" id="dniTF" name="dni" type="text">
                                        </td>
                                        <td>
                                            <label>CMP : </label>
                                            <input class="input-xlarge" placeholder="Ingresar CMP" id="cmpTF" name="cmp" type="text">	
                                        </td>
                                    </tr>

                                    <tr>
                                        <td>
                                            <label>Correo Electr&oacute;nico : </label>
                                            <input class="input-xlarge" placeholder="Ingresar Correo" id="correoTF" name="correo" type="text">
                                        </td>
                                        <td>
                                            <label>Especialidad : </label>
                                            <div id="specialtiesComboDiv">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label>Dirección : </label>
                                            <input class="input-xlarge" placeholder="Ingresar Dirección" id="direccionTF" name="direccion" type="text">
                                        </td>
                                        <td>
                                           <div>
                                            <label>Género : </label>
                                            <select id='genderCombo' name='genero' style='width: 260px'>
                                                <option value ="0">--</option>
                                                <option value="M">M</option>
                                                <option value="F">F</option>
                                            </select>
                                            </div>
                                        </td>
                                    </tr>
                                </table>

                            </fieldset>
                            
                        </div>

                        <div class="modal-footer">
                            <button id ="cancelButton" class="btn" data-dismiss="modal" type="button" aria-hidden="true">Cancelar</button>
                            <button id ="addButton" class="btn btn-danger" type="submit">Agregar</button>
                        </div>

                        </form>

                    </div>    


                    <div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">�</button>
                            <h3 id="myModalLabel">Confirmaci&oacute;n</h3>
                        </div>

                        <div class="modal-body">
                            <p class="error-text"><i class="icon-warning-sign modal-icon"></i>&iquest; Est&aacute; seguro que desea borrar este paciente ?</p>
                        </div>

                        <div class="modal-footer">
                            <button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
                            <button class="btn btn-danger" data-dismiss="modal">Borrar</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <script>
                $(document).ready(function() {
                    
              
                    var emptyAndEnableInputFields = function() {
                        $('#nombresTF').removeAttr('disabled').val('');
                        $('#apaternoTF').removeAttr('disabled').val('');
                        $('#amaternoTF').removeAttr('disabled').val('');
                        $('#dniTF').removeAttr('disabled').val('');
                        $('#nacimientoTF').removeAttr('disabled').val('');
                        $('#telefonoTF').removeAttr('disabled').val('');
                        $('#celularTF').removeAttr('disabled').val('');
                        $('#correoTF').removeAttr('disabled').val('');
                        $('#cmpTF').removeAttr('disabled').val('');
                        $('direccionTF').removeAttr('disabled').val('');
                    };
                    
                    var fillSpecialtyCombo = function(){
                        $('#specialtiesComboDiv').html("<select id='specialtiesCombo' name='especialidad' style='width: 260px'></select>");
                        <?php foreach ($specialties as $specialtyToAdd) { ?>
                        $('<option>').val('<?php echo $specialtyToAdd->ID_ESPECIALIDAD; ?>').text('<?php echo $specialtyToAdd->nombre_especialidad; ?>').appendTo('#specialtiesCombo');
                        <?php } ?>
                    };
                    
                    // al iniciar el modal, se ejecuta éste método
                    fillSpecialtyCombo();
                  
                  $('#cancelButton').click(function(){
                    emptyAndEnableInputFields();
                    alert("ahahaah");
                    });
                    
                   
                  
                  $('#checkDNI').click(function() {

                      var dniValue = {
                          dniSearch: $('#dniSearch').val()
                      };

                      $.ajax({
                          url: "<?php echo site_url('admin/checkExist'); ?>",
                          type: 'POST',
                          async: false,
                          data: dniValue,
                          success: function(msg) {
                              
                              if (msg === 'noIngreso') {
                                  $('#dniMessage').html('<label id="dniMessage" style="color: red" >No ha ingresado DNI</label>');
                              }else if(msg !== "noexiste"){
                                  // si el doctor existe en esa clinica
                                  $('#addButton').attr("disabled","disabled");
                                  var doctor = jQuery.parseJSON(msg);
                                  //alert(msg);
                                  if(doctor.ID_CENTRO_SALUD === "1"){
                                       $('#nombresTF').val(doctor.nombres).attr('disabled', 'disabled');
                                       $('#apaternoTF').val(doctor.apellido_paterno).attr('disabled', 'disabled');
                                       $('#amaternoTF').val(doctor.apellido_materno).attr('disabled', 'disabled');
                                       $('#dniTF').val(doctor.ID_PERSONA).attr('disabled', 'disabled');
                                       $('#nacimientoTF').val(doctor.fecha_nacimiento).attr('disabled', 'disabled');
                                       $('#telefonoTF').val(doctor.telefono).attr('disabled', 'disabled');
                                       $('#celularTF').val(doctor.celular).attr('disabled', 'disabled');
                                       $('#correoTF').val(doctor.correo).attr('disabled', 'disabled');
                                       $('#direccionTF').val(doctor.direccion).attr('disabled', 'disabled');
                                       $('#cmpTF').val(doctor.cmp).attr('disabled', 'disabled');
                                       $('#specialtiesCombo').val(doctor.nombre_especialidad).attr('disabled', 'disabled');
                                       $('#genderCombo').val(doctor.genero).attr('disabled', 'disabled');
                                       $('#dniMessage').html("<label id='dniMessage' style='color: red' >Dicho doctor ya esta registrado</label>");
                                  }else{
                                    
                                    $('#nombresTF').val(doctor.nombres).attr('readonly', true);
                                    $('#apaternoTF').val(doctor.apellido_paterno).attr('readonly', true);
                                    $('#amaternoTF').val(doctor.apellido_materno).attr('readonly', true);
                                    $('#dniTF').val(doctor.ID_PERSONA).attr('readonly', true);
                                    $('#nacimientoTF').val(doctor.fecha_nacimiento).attr('readonly', true);
                                    $('#telefonoTF').val(doctor.telefono).attr('readonly', true);
                                    $('#celularTF').val(doctor.celular).attr('readonly', true);
                                    $('#correoTF').val(doctor.correo).attr('readonly', true);
                                    $('#direccionTF').val(doctor.direccion).attr('readonly', true);
                                    $('#cmpTF').val(doctor.cmp).attr('readonly', true);
                                    $('#genderCombo').val(doctor.genero).attr('readonly', true);
                                    $('#specialtiesCombo').val(doctor.nombre_especialidad).attr('readonly', true);
                                    $('#dniMessage').html("<label id='dniMessage' style='color: orange' >Dicho doctor está registrado en otra clínica, puede agregarlo</label>");
                                    $('#addButton').attr("disabled",false);
                              }    
                                 
                              }else{
                                    emptyAndEnableInputFields();
                                    $('#especialidadDiv').attr('disabled', false);
                                    $('#addbutton').attr('disabled', false);
                                    $('#dniMessage').html("<label id='dniMessage' style='color: limegreen' >Puede registrar al doctor</label>");
                                    fillSpecialtyCombo();
                              }
                              
                              /*
                              if (msg === 'existe') {
                                  $('#dniMessage').html("<label id='dniMessage' style='color: red' >Dicho doctor ya esta registrado</label>");
                                  
                              } else if (msg === 'noexiste') {
                                  $('#dniMessage').html("<label id='dniMessage' style='color: limegreen' >Puede registrar al doctor</label>");
                              }
                              */

                          }
                      });
                      return false;
                  });
              });
              
              
              
              $('#dniSearch').keyup(function () {
              var dniValue = $(this).val(); //value from dniSearch textField
              var message = $('#message');
              var enabled;
              
                if(!$.isNumeric(dniValue)) {
                    if(!(dniValue.length === 0)){
                        message.css('color','red');         
                        message.text('Solo se admiten valores numéricos'); 
                        enabled = false;
                    }else{
                        message.text('');
                        enabled = true;
                    }
                }else if(dniValue.length !== 8){
                    if(dniValue.length > 8){
                      message.text('El DNI debe tener solamente 8 dígitos');   
                    }
                    enabled = false;
                    
                }else {
                    message.text('');
                    enabled = true;
                }
                if(!enabled){
                    $('#checkDNI').attr("disabled","disabled");
                }else{
                    $('#checkDNI').removeAttr("disabled");
                }
              });
              
        </script>
      

        <script src="<?php echo base_url(); ?>js/bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript">
            $("[rel=tooltip]").tooltip();
            $(function() {
                $('.demo-cancel-click').click(function() {
                    return false;
                });
                
                $( "#nacimientoTF" ).datepicker({ dateFormat: 'dd/mm/yy' });
            });
        </script>

    </body>
</html>


